// pages/personal/personal.js
let startY = 0; // 手指起始的坐标
let moveY = 0; // 手指移动的坐标
let moveDistance = 0; // 手指移动的距离

Page({
  /**
   * 页面的初始数据
   */
  data: {
    userInfo:'', // 用户信息
    recentPlayList:'', // 最近播放记录
    coveTransition:'',  
    coverTransform: 'translateY(0)',// 移动动画
  },

  // 去登陆
  toLogin(){
    if(!wx.getStorageSync('cookie')){ // 如果没登录的话则去登录
      wx.navigateTo({
        url: '/pages/login/login',
      })
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad:function(options) {
    let userInfo = wx.getStorageSync('userInfo');
    // console.log(userInfo);
    if(userInfo){
      // 更新userInfo的状态
      this.setData({
        userInfo,
      })
      this.getUserRecentPlayList(userInfo.userId)
    }

  }, 
    // 获取最近播放记录
    async getUserRecentPlayList(id){
      const result = await this.$request('/user/record', {uid: id, type: 0})
      const recentPlayList = result.allData.map(item=>{
        return item.song.al
      })
      // console.log(recentPlayList);
      this.setData({
        recentPlayList
      })
    },

    // 按下
    handleTouchStart(event){
      this.setData({
        coveTransition:0
      })
      startY = event.touches[0].clientY
    },
    // 按下移动
    handletouchmove(event){
       moveY = event.touches[0].clientY
      moveDistance = moveY - startY
      // console.log(moveDistance);
      if(moveDistance <= 0) return
      if(moveDistance >= 80){
        moveDistance = 80
      }
      this.setData({
        coverTransform: `translateY(${moveDistance}rpx)`
      })
    },
    // 抬起
    handletouchend(){
      this.setData({
        coverTransform: `translateY(0rpx)`,
        coveTransition: 'transform 1s linear'
      })
    },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})